/**
 * 提交回复
 */
function post() {
    var questionId = $("#question_id ").val();
    var content = $("#comment_content ").val();
    comentTarget(questionId, content, 1);
}

/**
 * 抽离的回复
 * @param parentId
 * @param content
 * @param type
 */
function comentTarget(parentId,content,type) {
    $.ajax({
        type: "POST",
        url: "/comment",
        contentType: "application/json",
        data: JSON.stringify({
            "parentId": parentId,
            "content": content,
            "type": type
        }),
        success: function (response) {
            if (response.code == 200) {
                location.reload();
            }
            if (response.code == 2007) {
                alert("不能为空")
            }
            if (response.code == 2003) {
                alert("请登陆后重试");
            }
        },
        dataType: "json"
    });
}

/**
 * 二级评论
 */
function comment(e) {
    var commentId = e.getAttribute("data-id");
    var content = $("#input-"+commentId).val();
    comentTarget(commentId, content, 2);
}
/**
 * 展开和收起二级评论
 */
function collapseComments(e) {
    var id = e.getAttribute("data-id");
    var comments = $("#comment-" + id);
    comments.toggleClass("in");
    if (comments.hasClass("collapse in") == true) { //如果点击显示二级评论，标签变成蓝色。
        var subCommentContariner = $("#comment-" + id);
        if (subCommentContariner.children().length != 1) {
            e.classList.add("comment_button_onclick");
        } else {
            // $.getJSON("/comment/" + id, function (data) {
            //     $.each(data.data.reverse(), function (index, comment) {
            //         var commentElement = $("<div/>", {
            //             "class": "col-lg-12 col-md-12 col-sm-12 col-xs-12 comment_two_list",
            //             html:comment.content
            //         });
            //         subCommentContariner.prepend(commentElement);
            //     });
            // });
            $.getJSON("/comment/" + id, function (data) {
    $.each(data.data.reverse(), function (index, comment) {
        var mediaLeftElement = $("<div/>", {
            "class": "media-left"
        }).append($("<img/>", {
            "class": "media-object avatar",
            "src": comment.user.avatarUrl
        }));
        var mediaBodyElement = $("<div/>", {
            "class": "media-body"
        }).append($("<h5/>", {
            "class": "media-heading comment_username",
            "html": comment.user.name
        })).append($("<div/>", {
            "html": comment.content
        })).append($("<div/>", {
            "class": "menu"
        }).append($("<span/>", {
            "style":"float: right",
            "html": moment(comment.gmtCreate).format('YYYY-MM-DD h:mm')
        })));

        var mediaElement = $("<div/>", {
            "class": "media"
        }).append(mediaLeftElement).append(mediaBodyElement);

        var commentElement = $("<div/>", {
            "class": "col-lg-12 col-md-12 col-sm-12 col-xs-12 comment_two_list"
        }).append(mediaElement);
        subCommentContariner.prepend(commentElement);
    });
});
            e.classList.add("comment_button_onclick");

        }
    }else {
        e.classList.remove("comment_button_onclick"); //变回灰色
    }
}
// $.getJSON("/comment/" + id, function (data) {
//     $.each(data.data, function (index, comment) {
//         var mediaLeftElement = $("<div/>", {
//             "class": "media-left"
//         }).append($("<img/>", {
//             "class": "media-object avatar",
//             "src": comment.user.avatarUrl
//         }));
//
//         var mediaBodyElement = $("<div/>", {
//             "class": "media-body"
//         }).append($("<h5/>", {
//             "class": "media-heading",
//             "html": comment.user.name
//         })).append($("<div/>", {
//             "html": comment.content
//         })).append($("<div/>", {
//             "class": "menu"
//         }).append($("<span/>", {
//             "class": "pull-right",
//             "html": moment(comment.gmtCreate).format('YYYY-MM-DD')
//         })));
//
//         var mediaElement = $("<div/>", {
//             "class": "media"
//         }).append(mediaLeftElement).append(mediaBodyElement);
//
//         var commentElement = $("<div/>", {
//             "class": "col-lg-12 col-md-12 col-sm-12 col-xs-12 comment_two_list"
//         }).append(mediaElement);
//
//         subCommentContainer.prepend(commentElement);
//     });
// });